$(function (){
    $("#slider").slidebox({
        boxh: 430,//盒子的高度
        w: 1000,//图片的宽度
        h: 400,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
    $(".tt").slidebox({
        boxh: 200,//盒子的高度
        w: 330,//图片的宽度
        h: 200,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
    $(".tl").slidebox({
        boxh: 340,//盒子的高度
        w: 429,//图片的宽度
        h: 340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
    // 选项卡
$('#bookmenu li').on('mouseenter',function(){
   $(this).addClass('active').siblings().removeClass()
   let index=$(this).index();
   $('.book2 ').eq(index).addClass('on').siblings('.book2').removeClass('on')
   console.log(index)
})
$('.book3 li ').on('mouseenter',function(){
    $('.book3 li div').hide()
    $('.book3 li h4').show()
    $('h4',this).hide();
    $('div',this).show();
})
 // 服装选项卡
$('#clothmenu li').on('mouseenter',function(){
    $(this).addClass('active').siblings().removeClass()
    let index=$(this).index();
    $('.book2 ').eq(index).addClass('on').siblings('.book2').removeClass('on')    //修改对应的图片
    console.log(index)
 })
// 运动
 $('#spomenu li').on('mouseenter',function(){
    $(this).addClass('active').siblings().removeClass()
    let index=$(this).index();
    $('.book2 ').eq(index).addClass('on').siblings('.book2').removeClass('on')
    console.log(index)
 })
// 儿童
 $('#childmenu li').on('mouseenter',function(){
    $(this).addClass('active').siblings().removeClass()
    let index=$(this).index();
    $('.book2 ').eq(index).addClass('on').siblings('.book2').removeClass('on')
    console.log(index)
 })
 $('.naiz1').mouseover(function(){
     $(this).addClass('eb')
 })
 $('.naiz1').mouseout(function(){
    $(this).removeClass('eb')
})

// 楼层滚动  鼠标移动到哪儿  哪儿就显示   否则就隐藏
$('.floor p').on({
    'mouseenter':function () {
    let bgc= $(this).data('bgc')
     $(this).css({
         backgroundColor:bgc,
         backgroundPositionX:-40,
         width:80
     })
    },
    'mouseleave':function () {
        let bgc= $(this).data('bgc')
         $(this).css({
             backgroundColor:'',
             backgroundPositionX:0,
             width:40
})
 },
    'click':function(){
        let index=$(this).index();
        if(index===5){
            $('html').animate({scrollTop: 0},3000)
        }else{
            
        let sTop=$('.floorbox').eq(index).offset().top
        
        $('html').animate({scrollTop: sTop},3000)
        }
        
    }
})




// 顶部框
$(window).on('scroll',function(){
     let top= $('html').scrollTop()    //获取高度
     if(top>1500){                //判断    大于1500就显示出来   否则就隐藏
         $('.fixtop').slideDown()
         $('.head-text').appendTo('.fixtop')

        
     }else{
        $('.fixtop').slideUp()
        $('.head-text').appendTo('.search-box')

     }
})
})


  